@charset "UTF-8";

header, section, nav, footer, bloc
{
	display:block;
}


 
header {
margin-top:20px;
background-image:url("../images/bandeau_rubrique.jpg");
height:100px;
}

html 
{
	background-color:grey;	
        

}

#html_authentification 
{
    overflow-x: hidden;
    overflow-y: hidden;
    background-color:grey;	

}

body
{
	margin: 10px auto;
	font-size:12pt;
	font-family:arial;
	text-align:justify;
	width:1050px;
	border-radius:10px;
}

#nav
{
	width:20%;
	margin:4px;
	float:left;
	background-color: #606494;
	height:400px;
	border-radius:10px;
        padding:0 10px;        
}

#titre{
	margin: 50px auto; 
	color:#FFF;
	background-color:#393939;
	width:50%;
	height:50px;
	text-align:center;
        padding-top:5px;
        padding-bottom:5px;
	border-style : solid;
	border-color: white;
	box-shadow: 1px 1px 12px #000;
	border-radius : 15px;
}

#authentification
{
	padding-top:20px; 
    padding-bottom:20px; 
    background-color: #393939;
	border-style : solid;
	border-color: white;
	box-shadow: 1px 1px 12px #000;
	border-radius : 15px;
	color : white;
	width: 50%;
	margin: 0 auto; 
	margin-top: 40px;
	margin-bottom: 50px;	
}

#contenuAuthentification
{
    text-align: right;
}

.gras
{
	font-weight:bold;
}

.bouton
{
	border-radius: 5px;
	box-shadow: 1px 1px 12px red;
	height: 30px;
	width: 80px;
	color:black;
	font-weight:bold;
	margin-left: 45%;
	border-color: black;
         cursor: pointer;
}

.bouton_intramiage
{
	border-radius: 5px;
	box-shadow: 1px 1px 12px yellow;
	height: 30px;
	width: 150px;
	color: black;
	font-weight:bold;
	margin-left: 20%;
	border-color: black;
        margin-bottom: 5px;
         cursor: pointer;
}

.bouton_contact
{
	border-radius: 5px;
	box-shadow: 1px 1px 12px blue;
	height: 30px;
	width: 150px;
	color: black;
	font-weight:bold;
	margin-left: 20%;
	border-color: black;
        margin-bottom: 5px;
         cursor: pointer;
}

.bouton_ajout_promo
{
	border-radius: 5px;
	box-shadow: 1px 1px 12px blue;
	height: 30px;
	width: 200px;
	color: black;
	font-weight:bold;	
	border-color: black;
        margin-bottom: 5px;
         cursor: pointer;
}

.bouton_modif_admin
{
	border-radius: 5px;
	box-shadow: 1px 1px 12px green;
	height: 30px;
	width: 200px;
	color: black;
	font-weight:bold;	
	border-color: black;
        margin-bottom: 5px;
         cursor: pointer;
}

.bouton_suppr_admin
{
	border-radius: 5px;
	box-shadow: 1px 1px 12px red;
	height: 30px;
	width: 200px;
	color: black;
	font-weight:bold;	
	border-color: black;
        margin-bottom: 5px;
         cursor: pointer;
}
button{
     cursor: pointer;
}

img
{
        float:left;
	width:20%;
	border-radius:10px;
}

input
{
	background:white;
	border-style : solid;
	border-color: white;
	box-shadow: 1px 1px 12px #000;
	border-radius: 5px;
}

footer 
{
	clear:both;
	height:50px;
	background-color:#606494;
	border-radius:15px;
	text-align:right;
	margin-top:7px;
	padding-top:10px;
	padding-right:10px;
        color: white;
}

label,input
{
	margin-left:15px;
}



nav,section,aside
{
    background-color: #393939;
    border-style : solid;
    border-color: white;
}

nav
{
        float:left;
        height:320px;
	width:20%;
	margin-top:94px;
	margin-right:2px;
        padding-top:10px;
        padding-left:10px;
        padding-right: 5px;
	border-radius:10px;
}

section
{
        float:left;
        height:auto;
	width:50%;
	margin-top:15px;
	margin-right:2px;     
	padding: 10px;
	border-radius:15px;
}

aside
{
        float:left;
        height:320px;
	width:20%;        
	margin-top:15px;        
        padding-top:10px;
	padding-left:10px;
	padding-right:10px;        
	border-radius:10px;	
}

